<template>
    <div>
        <el-table
            v-show="tableData.length"
            :data="tableData"
            style="width: 100%">
            <el-table-column
                type="index"
                label="序号">
            </el-table-column>
            <el-table-column
                prop="name"
                label="节点名称">
            </el-table-column>
            <el-table-column
                prop="ReceiveTime"
                label="接收时间">
            </el-table-column>
            <el-table-column
                prop="finishTime"
                label="完成时间">
            </el-table-column>
            <el-table-column
                prop="partner"
                label="参与者">
            </el-table-column>
            <el-table-column
                prop="status"
                label="状态">
            </el-table-column>
        </el-table>
        <ask-empty-text
            style="min-height: 400px;"
            v-if="tableData.length === 0">
        </ask-empty-text>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class ProcessInfo extends Vue {
    tableData = []

    created() {
        this.getTable();
    }

    getTable() {
        this.$server["task/processInfo/getTable"]({
            data: {
                id: this.$route.query.id
            }
        }).then((res: any) => {
            if (res.data.code === 200) {
                this.tableData = res.data.data.records;
            }
        }).catch();
    }
}
</script>

<style lang="scss" scoped>

</style>
